<%--
    Document   : index
    Created on : 22/Mar/2009, 21:14:51
    Author     : sdinis
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <link type="text/css" href="resources/css/carpool.css" rel="stylesheet" />
        <title>Carpool</title>
        <script type="text/javascript" src="resources/js/carpool.js"></script>
        <script type="text/javascript" src="resources/js/jquery-1.3.2.js"></script>
        <script type="text/javascript" src="resources/js/jquery-ui-1.7.1.custom.min.js"></script>
        <script type="text/javascript">
            $(document).ready( function() {
                $('#notify-area',top.document).load("login.jsp");
                $('#registing',top.document).load("reg.jsp");
            });
       </script>
    </head>

    <body>
        <div id="main">
            <div id="video"/>
            
            
                <!--<h1 align="center">Hello Carpoolers</h1>
                <h2 align="center">please login...</h2>
                <embed src="resources/pic.swf" allowScriptAccess="always" allowfullscreen="true" quality="high" pluginspage="http://w
ww.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100%
" height="100%"></embed>-->
                
            
            
        </div>
        
    </body>
</html>




<!--

        <div class="ui-layout-center">
            <p>DAR BOLEIA</p>
        <div id="tabs">
    <ul>
        <li><a href="#trajecto"><span>trajecto</span></a></li>
        <li><a href="#data_hora"><span>data e hora</span></a></li>
        <li><a href="#veiculo_passag"><span>veículo e passageiros</span></a></li>
        <li><a href="#confirm"><span>confirmação</span></a></li>
    </ul>

    <div id="trajecto">
        <p>instrucções de preenchimento se necessário</p>

        <p>ponto de partida <input type="text" name="dar_boleia_partida" value="" /></p>
        <p>ponto de chegada <input type="text" name="dar_boleia_chegada" value="" /></p>

        <div class="tabela">
            <div class="linha">
                <div class ="coluna2" id="mapa_trajecto"><p><script type="text/javascript" src='http://js.sapo.pt/Snippets/Maps.js?lat=40.211491&lon=-8.429201&zoom=10&title=Defina%20os%20pontos%20de%20passagem&height=250&width=400&divid=mapa_trajecto&cb="javascript: alert(eita)"'></script></p></div>
            </div>
            <div class="linha">
                <div class ="coluna1" id="resumo_viagem"><p></p></div>
            </div>
        </div>

        
        
    </div>
    
    <div id="data_hora">
        <table border="0">
            <thead>
                <tr>
                    <th></th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>dia <input type="text" name="dia" value="" /></td>
                    <td><div type="text" id="datepicker"></div></td>
                </tr>
            </tbody>
        </table>
        
        <p>hora de partida <select name="hora-partida">
                <option>1</option>
                <option>2</option>
                <option>3</option>
                <option>4</option>
                <option>5</option>
                <option>6</option>
                <option>7</option>
                <option>8</option>
                <option>9</option>
                <option>10</option>
                <option>11</option>
                <option>12</option>
            </select>:<select name="min-partida">
                <option>00</option>
                <option>10</option>
                <option>20</option>
                <option>30</option>
                <option>40</option>
                <option>50</option>
        </select>
        <select name="am-pm">
            <option>am</option>
            <option>pm</option>
    </select></p>

        <p>hora de partida :</p>

    </div>

    <div id="veiculo_passag">
        <p>veiculo <select name="veiculos">
                <option>ferrari</option>
                <option>mazerati</option>
                <option>buggati</option>
        </select></p>



        <p>nº de acompanhantes <select name="n_lugares">
                <option>1</option>
                <option>2</option>
                <option>3</option>
                <option>4</option>
        </select></p>
        <table border="1">
            <thead>
                <tr>
                    <th>nº ordem</th>
                    <th>nome</th>
                    <th>rendevu</th>
                    <th>estado</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>1º</td>
                    <td>vánessa</td>
                    <td>rua direita</td>
                    <td>confirmado</td>
                </tr>
                <tr>
                    <td>2º</td>
                    <td>irmã da vánessa</td>
                    <td>rua direita (um bocadinho mais abaixo</td>
                    <td>confirmado</td>
                </tr>
            </tbody>
        </table>


    </div>
    
    <div  id="confirm">
        <p>detalhes da boleia</p>
        <ol>
            <li>condutor</li>
            <li>passageiros</li>
            <li>partida</li>
            <li>etc.</li>
        </ol>

        <input type="submit" value="OK" name="confirm_boleia" />
    </div>
</div>

        </div>



        <div class="ui-layout-north"> North Pane
        </div>

        <div class="ui-layout-south"> South Pane
        </div>

        <div class="ui-layout-east"> East Pane
        </div>

    </body>
</html>
-->